﻿<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>YOD Online - Version 1.0</title>


    <script src="../../Scripts/jquery-1.3.2.js" type="text/javascript"></script>

    <script src="../../Scripts/global.js" type="text/javascript"></script>
    <style type="text/css">
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    margin-top: 10%;
}
p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{

	margin:0 auto;
	width:430px;
	padding:14px;
}
	/* ----------- basic ----------- */
	#basic{
		border:solid 2px #DEDEDE;
	}
	#basic h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#basic p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #dedede;
		padding-bottom:10px;
	}
	#basic label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#basic .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#basic input{
		float:left;
		width:200px;
		margin:2px 0 30px 10px;
	}
	#basic button{
		clear:both;
		margin-left:150px;
		background:#888888;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding:4px 6px;
	}


	/* ----------- stylized ----------- */
	#stylized{
		border:solid 2px #b7ddf2;
		background:#ebf4fb;
	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#stylized input{
		float:left;
		font-size:11px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}
	#stylized button{
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#666666 url('') no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}
	.error
	{
	    border:2px solid #fdc89b;
	    background: #fffcf4 url('Content/images/warning.gif') no-repeat left;
	    height:23px;
	    line-height:23px;
	    padding:5px 32px;
	    margin-bottom:5px;
	}
	.forgetpw
	{
	    text-decoration:none;
	    font-weight:bold;
	    color:#ff7f00;	
	}
	.forgetpw:hover
	{
	    text-decoration:underline;	
	}
	

</style>

</head>
<body>    
<div id="stylized" class="myform">
   <div class="error_lg error" ></div>
  <form method="post" action="Login/sign_in" onsubmit="return check_login()" >
    <h1>YOD Login</h1>
    <p>Chưa có tài khoản vui lòng đăng ký <%=Html.ActionLink("Tại đây", "","register") %>:</p>
    <label>Tài khoản:
        <span class="small">---</span>
    </label>
    <input type="text" id="username" name="username" class="textfield" />

    <label>Mật khẩu:
        <span class="small">---</span>
    </label>

    <input type="password" id="password" name="password" class="textfield" />
    
    <button type="submit" id="login">Đăng nhập</button>
    <div class="spacer"></div>

  </form>
    </div>
</body>
</html>
